<%@ include file="/WEB-INF/include/base.jsp" %>
<%@ include file="/WEB-INF/include/user.jsp" %>
<%@ include file="/WEB-INF/include/initialize_logged.jsp" %>
<%@ include file="/WEB-INF/include/userSession.jsp" %>
<%@ page import="com.web.bdo.util.UserDataUtil" %>
<%@ page isELIgnored="false" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="./common/css/master.css"/>
<script language="javascript" src="./common/js/accountUtil.js"></script>
<%  UserDataUtil.setDetails(request);	 %>
</head>
<body onload="select(<%=request.getParameter("select") %>)">		
	<table id="page">
		<com:header>
			This is a header
		</com:header>
		<com:subheader>
			<com:sub_h_item label="Home" action="${path }/Home.do"/>
			<com:sub_h_item label="Account" action="${path }/AccountPage.do?select=1"/>
			<com:sub_h_item label="Log out" action="${path }/Logout.do"/>
		</com:subheader>		
		<com:main_nav>
			<com:nav_item label="Home" action="${path }/Welcome.do" active="true"/>				
			<com:nav_item label="Flights" action="${path }/Flights.do"/>
			<com:nav_item label="About Us" action="${path }/AboutUs.do"/>
			<com:nav_item label="Contact Us" action="${path }/ContactUs.do"/>
		</com:main_nav>
		<com:content>
			<table>
				<tr><td height="20px"></td></tr>
				<tr><td width="800px" style="vertical-align:top;">
					<data:panel heading="User Account">
						<data:left-tab>
							<data:tab-item label="User Details"/>
							<data:tab-item label="Flight Reservations"/>
							<data:tab-item label="Settings"/>
						</data:left-tab>
						<data:box>						
							<data:item heading="User Details">
								<data:field label="Name" value="${user.firstName} ${user.lastName } "/>
								<data:field label="Sex, Age" value="${sex }, ${user.age } years old"/>
								<data:field label="Country" value="${countryName }"/>
								<data:field label="Member since" value="${dateCreated }"/>
								<data:field label="" value="">
									<a href="${path }/EditUserPage.do">Edit Details</a>
								</data:field>
								<data:field label="&nbsp;" value="&nbsp;"/>			
							</data:item>
							<data:item heading="Flight Reservations">
								<data:field label="&nbsp;" value="&nbsp;"/>
								<data:field label="&nbsp;" value="&nbsp;"/>
								<data:field label="&nbsp;" value="&nbsp;"/>
								<data:field label="&nbsp;" value="&nbsp;"/>
							</data:item>	
							<data:item heading="Settings">
								<data:field label="&nbsp;" value="&nbsp;"/>
								<data:field label="&nbsp;" value="&nbsp;"/>
								<data:field label="&nbsp;" value="&nbsp;"/>
								<data:field label="&nbsp;" value="&nbsp;"/>		
							</data:item>								
						</data:box>
					</data:panel>
					</td>
					<td>&nbsp;</td>
				</tr>
			</table>
		</com:content>
		<com:footer>
			This is a footer
		</com:footer>		
	</table>
</body>
</html>